<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!-- build:css /css/main.css -->
		<link href="/css/mui.css" rel="stylesheet" />
		<link href="/css/iconfont.css" rel="stylesheet" />
		<link href="/css/common.css" rel="stylesheet" />
		<!-- endbuild -->
		<style>
			.goodslist{ background: #fff;}
			.mui-btn-primary{background-color: #ff5200; border-color: #ff5200;}
			.mui-btn-can{background-color: #7a7a7a; border-color: #7a7a7a;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav u-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">评价中心</h1>
      <span id="to_info" class="mui-icon mui-icon-bars mui-pull-right" onclick="ssdd('#fnav')"></span>
    </header>
    <nav class="mui-bar mui-bar-tab otherNav" id="fnav">
      <a class="mui-tab-item" data-id="index.html" data-url="/index.html">
        <span class="mui-icon iconfont icon-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </a>
      <a class="mui-tab-item" data-id="category.html" data-url="/category.html">
        <span class="mui-icon iconfont icon-fenlei"></span>
        <span class="mui-tab-label">分类</span>
      </a>
      <a class="mui-tab-item" data-id="search.html" data-url="/search.html">
        <span class="mui-icon iconfont icon-fenleisousuo-home"></span>
        <span class="mui-tab-label">搜索</span>
      </a>
      <a class="mui-tab-item" data-id="cart.html" data-url="/cart.html">
        <span class="mui-icon iconfont icon-gouwuche1"></span>
        <span class="mui-tab-label">购物车</span>
      </a>
      <a class="mui-tab-item" data-id="user.html" data-url="/user/user.html">
        <span class="mui-icon iconfont icon-gerenzhongxin"></span>
        <span class="mui-tab-label">我</span>
      </a>
    </nav>
		<!--<nav class="mui-bar mui-bar-tab">
		  	<a class="zj">
		  		总价：<font id="countMoney">0.00</font>
		  		<p>共<font style="font-size:11px;" id="countMunber">1</font>件商品</p>
		  	</a>
		  	<a class="zj-btn">确定</a>
		</nav>-->
		<div class="mui-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll" style="padding-bottom:50px;padding-top:50px;">

					<ul class="mui-table-view product-list hot-product-list" id="orderProductList">

					</ul>
				</div>
			</div>
		</div>
		<div id="forms"></div>
		<!-- build:js /js/vendor.js -->
		<script src="/js/mui.min.js"></script>
		<!-- bower:js -->
		<script src="/bower_components/mockjs/dist/mock.js"></script>
		<script src="/bower_components/zepto/zepto.js"></script>
		<script src="/bower_components/Zepto-Cookie/zepto.cookie.js"></script>
		<!--  endbower -->
		<!-- endbuild -->
		<!-- build:js /js/main.js -->
		<script src="/js/common.js"></script>
		<script src="/js/app.js"></script>
		<!-- endbuild -->
		<script>
			var orderid = getQueryString('id');
			(function(mui, doc) {
				mui.init({
					statusBarBackground: '#ffffff',
					swipeBack: true
				});
				mui('.mui-scroll-wrapper').scroll({
					deceleration: 0.0005
				});

				function getOrderDetail() {
						$.ajax({
							url: __BATE__ + 'api/orderDetails',
							data: {order_no: orderid},
							type: 'post',
							success: function(json) {
								console.log(json)
								var html = '';
								var add = '';
								var logistics = '';
								//商品
								for(var i = 0; i < json.ret_msg.goods.length; i++) {
									html += '<li class="mui-table-view-cell mui-media ">' +
										'<a href="javascript:;" data-src="' + json.ret_msg.goods[i].goods_no + '">' +
										'<img class="mui-media-object mui-pull-left" src="' + json.ret_msg.goods[i].img + '">' +
										'<div class="mui-media-body">' + json.ret_msg.goods[i].goods_name + '</div>' +
										'<div class="price-position"><a href="javascript:;" class="btn">评价商品</a></div>' +
										'</a>' +
										'</li>';
									$('#orderProductList').html(html);
								}

							},
							error: function() {
								serverErr();
							}
						});
					}
					getOrderDetail()

					mui.ready(function () {
						$('body').on('tap', '.mui-media a', function () {
        				openView('/user/comment.html?goodsId=' + $(this).attr('data-src'), 'comment.html');
        				return;
      				});
					})

			}(mui, document));
		</script>
	</body>

</html>
